<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />
</h:head>

<body>
	<ui:include src="./header.xhtml" />
<div id="content-outer">
<div id="content">
	
<!--  start page-heading -->
	<div id="page-heading">
		<h1>User Management</h1>
	</div>
<!-- end page-heading -->
	<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
	<tr>
		<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
		<th class="topleft"></th>
		<td id="tbl-border-top">&nbsp;</td>
		<th class="topright"></th>
		<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
	</tr>
	<tr>
		<td id="tbl-border-left"></td>
		<td>
		<!--  start content-table-inner ...................................................................... START -->
		<div id="content-table-inner">
		
			<!--  start table-content  -->
			<div id="table-content">
			
				<!--  start message-green -->
				<!--  start top-search -->
	<div id="top-search">
	<h:form>
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
		<td>
		<h:inputText value="#{systemUserManagementManageBean.searchValue}" class="top-search-inp"/>
		&nbsp;
		</td>
		<td>
		<h:selectOneMenu value="#{systemUserManagementManageBean.selectSearchType}" class="styledselect">
			<f:selectItem itemValue="idCardNumber" itemLabel="ID Card Number"></f:selectItem>
			<f:selectItem itemValue="firstName" itemLabel="First Name"></f:selectItem>
			<f:selectItem itemValue="state" itemLabel="State"></f:selectItem>
			<f:selectItem itemValue="phoneNumber" itemLabel="Phone Number"></f:selectItem>
			<f:selectItem itemValue="address" itemLabel="Address"></f:selectItem>
		</h:selectOneMenu>
		</td>
		<td>
		<h:commandButton value="Search" action="#{systemUserManagementManageBean.search}" class="top-search-inp"/>
		</td>
		</tr>
		</table>
	</h:form>
	</div>
 	<!--  end top-search -->
				<!--  end message-green -->
		
		 <h:form id="mainform" >
				<!--  start product-table ..................................................................................... -->
				<h:dataTable border="0" width="100%" cellpadding="0" cellspacing="0" style="text-align:left;"
				var="list" value="#{systemUserManagementManageBean.systemUserListDataModel}">
				<h:column>
       				 <f:facet name="header">
        				<h:selectBooleanCheckbox class="checkall"/>
    				</f:facet>
    				<h:selectBooleanCheckbox value="1" />
   	 			</h:column>
				<h:column>
					<f:facet name="header">System User ID</f:facet>
					<h:outputText value="#{list.systemUserID}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">User Name</f:facet>
					<h:outputText value="#{list.userName}" ></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">ID Card Number</f:facet>
					<h:outputText value="#{list.idCardNumber}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">First Name</f:facet>
					<h:outputText value="#{list.firstName}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">Last Name</f:facet>
					<h:outputText value="#{list.lastName}"></h:outputText>
				</h:column>
				<!--
				<h:column>
					<f:facet name="header" class="table-header-repeat line-left minwidth-1">Middle Name</f:facet>
					<h:outputText value="#{list.midName}"></h:outputText>
				</h:column>
				-->
				<h:column>
					<f:facet name="header">Phone Number</f:facet>
					<h:outputText value="#{list.phoneNumber}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">Address</f:facet>
					<h:outputText value="#{list.address}"></h:outputText>
				</h:column>
				<!--
				<h:column>
					<f:facet name="header" class="table-header-repeat line-left minwidth-1">Email</f:facet>
					<h:outputText value="#{list.email}"></h:outputText>
				</h:column>
				-->
				<!--
				<h:column>
					<f:facet name="header" class="table-header-repeat line-left">Created Date</f:facet>
					<h:outputText value="#{list.createdDate}"></h:outputText>
				</h:column>
				-->
				<h:column>
					<f:facet name="header">Last Update</f:facet>
					<h:outputText value="#{list.lastUpdate}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">State</f:facet>
					<h:outputText value="#{list.systemUserState}"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">Option</f:facet>
					<h:commandButton value="Edit" type="submit" action="#{systemUserManagementManageBean.edit(list.systemUserID)}"></h:commandButton>
				</h:column>
				

				</h:dataTable>
				<!--  end product-table................................... --> 
				</h:form>
			</div>
			<!--  end content-table  -->			
			<!--  start paging..................................................... -->
			<table border="0" cellpadding="0" cellspacing="0" id="paging-table">
			<tr>
			<td>
				<a href="" class="page-far-left"></a>
				<a href="" class="page-left"></a>
				<div id="page-info">Page <strong>1</strong> / 15</div>
				<a href="" class="page-right"></a>
				<a href="" class="page-far-right"></a>
			</td>
			<td>
			<select  class="styledselect_pages">
				<option value="">Number of rows</option>
				<option value="">1</option>
				<option value="">2</option>
				<option value="">3</option>
			</select>
			</td>
			</tr>
			</table>
			<!--  end paging................ -->
			
			<div class="clear"></div>
		 
		</div>
		<!--  end content-table-inner ............................................END  -->
		</td>
		<td id="tbl-border-right"></td>
	</tr>
	<tr>
		<th class="sized bottomleft"></th>
		<td id="tbl-border-bottom">&nbsp;</td>
		<th class="sized bottomright"></th>
	</tr>
	</table>	
</div>	
</div>
</body>
</html>
